import App from './App.vue'
import { createApp, ref } from 'vue'

import '@/assets/scss/main.scss'
import 'animate.css'
// Flexible
import '@/utils/flexible'
// Message
import '@/utils/Message'

// Router
import router from './router'
// Store
import pinia from '@/stores';
// Antd
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/reset.css';
// Plugin
import Components from '@/utils/InstallComponents'
// Directive
import Directives from './Directives'
// echarts
import * as echarts from 'echarts'



const app = createApp(App)
app.use(Antd).use(Components).use(router).use(pinia).use(Directives)
    .mount('#app')
app.provide('echarts', echarts)


